<!DOCTYPE html>
<!--
    Dimension by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
  <head>
    <title>丝路行·初级商务汉语智能学习与分级阅读评估平台</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="../static/assets/css/main.css" />
    <noscript>
      <link rel="stylesheet" href="../static/assets/css/noscript.css" />
    </noscript>
    <style>
      /* 首页按钮专属样式 */
      .home-logo {
        display: inline-flex;
        align-items: center;
        padding: 0.8rem 1.5rem;
        border-radius: 50px;
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0.05) 100%
        );
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        overflow: hidden;
        font-weight: 500;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .home-logo::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          120deg,
          transparent,
          rgba(255, 255, 255, 0.1),
          transparent
        );
        transition: 0.6s;
      }

      .home-logo:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.15) 0%,
          rgba(255, 255, 255, 0.1) 100%
        );
      }

      .home-logo:hover::before {
        left: 100%;
      }

      .logo-icon {
        margin-right: 12px;
        font-size: 1.2rem;
        color: #ffd700;
        transition: transform 0.3s ease;
      }

      .home-logo:hover .logo-icon {
        transform: rotate(360deg);
      }

      /* 响应式调整 */
      @media (max-width: 768px) {
        .home-logo {
          padding: 0.6rem 1.2rem;
          font-size: 0.9rem;
        }

        .logo-icon {
          font-size: 1rem;
          margin-right: 8px;
        }
      }
    </style>
  </head>

  <body class="is-preload">
    <!-- Wrapper -->
    <div id="wrapper">
      <!-- Header -->
      <header id="header">
        <!-- 跳转到 first.html 的按钮 -->
        <a href="{{ url_for('auth.first') }}" class="home-logo">
          <i class="fas fa-home logo-icon"></i>
          <span class="logo-text">首页</span>
        </a>

        <div class="content">
          <div class="inner">
            <h1>丝路行·初级商务汉语智能学习与分级阅读评测平台</h1>
            <p>
              本平台依托《丝路行·初级商务汉语》教材，提供全方位学习体验。平台整合核心知识点，利用多媒体资源、互动练习及模拟场景，帮助学者掌握商务汉语。同时，结合智能评测技术，给出自输入文本反馈，智能分析提供个性化高效学习路径。
            </p>
          </div>
        </div>
        <nav>
          <ul>
            <li><a href="#intro">Learning</a></li>
            <li><a href="#work">Evaluating</a></li>
            <li><a href="#about">About</a></li>
          </ul>
        </nav>
      </header>

      <!-- Main -->
      <div id="main">
        <!-- Intro -->
        <article id="intro">
          <h2 class="major">
            <a class="Learning">Learning-丝路行·初级商务汉语</a>
          </h2>
          <span class="image main"
            ><img src="../static/images/pic01.jpg" alt=""
          /></span>
            <ul><li><strong>
            《丝路行·初级商务汉语》</strong>专为初级汉语学习者设计，特别是希望在商务场合中提升汉语沟通能力的学习者。教材内容全面覆盖了商务活动的多个关键领域，如日常交流、产品描述及商务交流等，还巧妙地融入了相关的中国文化背景知识，培养学员的跨文化交际能力。

            </li></ul>

          <ul><li>
              教材通过丰富的对话实例和实用的练习，使学员能够在模拟的商务环境中进行实践，从而有效提升商务汉语的实际运用水平。《丝路行·初级商务汉语》为初级汉语学习者提供了一个既全面又实用的商务汉语学习平台，使他们能够在商务场合中更加自信地使用汉语进行沟通。

          </li></ul>

          <ul class="actions special">
            <li>
              <a href="content/index01" class="button large">Full Story</a>
            </li>
          </ul>
        </article>

        <!-- Work -->
        <article id="work">
          <h2 class="major">Evaluating—中文文本分级阅读评测</h2>
          <span class="image main"
            ><img src="../static/images/生成水墨画插图.png" alt=""
          /></span>
          <h2>使用说明</h2>
          <h3>技术原理</h3>
          <p>
            本模块结合 HanLP 2.0 与DeepSeek API
            调用，实现文本的词汇等级划分、语法等级划分及语义特征分析三大核心功能。
          </p>
          <ul>
            <li>
              <strong>等级划分</strong
              >：基于《国际中文教育中文阅读分级标准》，构建涵盖汉字等级、词汇等级与语法等级的数据库。首先，利用
              HanLP 2.0
              进行文本预处理，完成基本的分词、词性标注。随后，通过多轮DeepSeek调用构建工作流，优化初步处理结果，并结合数据库进行匹配与校准，最终实现精准的等级划分。
            </li>
            <li>
              <strong>语义特征分析</strong
              >：依托DeepSeek的强大自然语言理解能力，对文本进行多维度的语义分析，包括主题识别、内容特征提取及文本风格分析，从而全面刻画文章的语义特征。
            </li>
          </ul>
          <h4>快速开始</h4>
          <p>
            用户可在网页端选择文本框输入和文件输入(.txt
            文件)两种方式输入，后点击分析等待即可。
          </p>
          <ul class="actions special">
            <li>
              <a href="{{ url_for('result') }}" class="button large">Start</a>
            </li>
          </ul>
        </article>

        <!-- About -->
        <article id="about">
          <h2 class="major">About—关于我们</h2>
          <span class="image main"
            ><img src="../static/images/pic03.jpg" alt=""
          /></span>
            <ul><li>平台开发团队由四名核心成员组成，包含两位信息管理与信息系统专业大三学生，以及两位计算机科学与技术专业大二学生。团队成员基于专业优势分工协作：信管专业成员主要负责教学系统的需求分析、数据库架构及商务场景功能设计；计算机专业成员承担算法实现、前后端开发及用户体验优化工作。团队采用敏捷开发模式，通过跨专业协作确保教育功能与技术实现的精准对接。</li></ul>
        </article>
      </div>

      <!-- Footer -->
      <footer id="footer">
        <p class="copyright"></p>
      </footer>
    </div>

    <!-- BG -->
    <div id="bg"></div>

    <!-- Scripts -->
    <script src="../static/assets/js/jquery.min.js"></script>
    <script src="../static/assets/js/browser.min.js"></script>
    <script src="../static/assets/js/breakpoints.min.js"></script>
    <script src="../static/assets/js/util.js"></script>
    <script src="../static/assets/js/main.js"></script>
    <script src="../static/assets/js/result.js"></script>
  </body>
</html>
